<!DOCTYPE html>
<html>
<head>
  <style>
    #vis.vega-embed {
      width: 100%;
      display: flex;
    }

    #vis.vega-embed details,
    #vis.vega-embed details summary {
      position: relative;
    }
  </style>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega@5"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-lite@5.8.0"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>
</head>
<body>
  <div id="vis"></div>
  <script>
    (function(vegaEmbed) {
      var spec = {"config": {"view": {"continuousWidth": 300, "continuousHeight": 300, "strokeWidth": 0}}, "data": {"name": "data-b1a6d5c3ccd045b85ca8389f0031d8a6"}, "mark": {"type": "line"}, "encoding": {"color": {"field": "product_category", "scale": {"range": ["gray", "#81c01e", "gray"]}, "type": "nominal"}, "opacity": {"condition": {"test": "datum.product_category == 'headphones'", "value": 1}, "value": 0.6}, "strokeWidth": {"condition": {"test": "datum.product_category == 'headphones'", "value": 4}, "value": 1}, "x": {"axis": {"title": null}, "field": "date", "type": "temporal"}, "y": {"field": "number_of_orders", "type": "quantitative"}}, "height": 300, "width": 600, "$schema": "https://vega.github.io/schema/vega-lite/v5.8.0.json", "datasets": {"data-b1a6d5c3ccd045b85ca8389f0031d8a6": [{"date": "2023-01-01T00:00:00", "product_category": "headphones", "number_of_orders": 14}, {"date": "2023-01-02T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-01-03T00:00:00", "product_category": "headphones", "number_of_orders": 18}, {"date": "2023-01-04T00:00:00", "product_category": "headphones", "number_of_orders": 16}, {"date": "2023-01-05T00:00:00", "product_category": "headphones", "number_of_orders": 20}, {"date": "2023-01-06T00:00:00", "product_category": "headphones", "number_of_orders": 64}, {"date": "2023-01-07T00:00:00", "product_category": "headphones", "number_of_orders": 23}, {"date": "2023-01-08T00:00:00", "product_category": "headphones", "number_of_orders": 15}, {"date": "2023-01-09T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-01-10T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-01-11T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-01-12T00:00:00", "product_category": "headphones", "number_of_orders": 16}, {"date": "2023-01-13T00:00:00", "product_category": "headphones", "number_of_orders": 73}, {"date": "2023-01-14T00:00:00", "product_category": "headphones", "number_of_orders": 23}, {"date": "2023-01-15T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-01-16T00:00:00", "product_category": "headphones", "number_of_orders": 13}, {"date": "2023-01-17T00:00:00", "product_category": "headphones", "number_of_orders": 16}, {"date": "2023-01-18T00:00:00", "product_category": "headphones", "number_of_orders": 26}, {"date": "2023-01-19T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-01-20T00:00:00", "product_category": "headphones", "number_of_orders": 82}, {"date": "2023-01-21T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-01-22T00:00:00", "product_category": "headphones", "number_of_orders": 14}, {"date": "2023-01-23T00:00:00", "product_category": "headphones", "number_of_orders": 20}, {"date": "2023-01-24T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-01-25T00:00:00", "product_category": "headphones", "number_of_orders": 19}, {"date": "2023-01-26T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-01-27T00:00:00", "product_category": "headphones", "number_of_orders": 78}, {"date": "2023-01-28T00:00:00", "product_category": "headphones", "number_of_orders": 21}, {"date": "2023-01-29T00:00:00", "product_category": "headphones", "number_of_orders": 17}, {"date": "2023-01-30T00:00:00", "product_category": "headphones", "number_of_orders": 16}, {"date": "2023-01-31T00:00:00", "product_category": "headphones", "number_of_orders": 20}, {"date": "2023-01-01T00:00:00", "product_category": "usb-cables", "number_of_orders": 34}, {"date": "2023-01-02T00:00:00", "product_category": "usb-cables", "number_of_orders": 54}, {"date": "2023-01-03T00:00:00", "product_category": "usb-cables", "number_of_orders": 34}, {"date": "2023-01-04T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-01-05T00:00:00", "product_category": "usb-cables", "number_of_orders": 43}, {"date": "2023-01-06T00:00:00", "product_category": "usb-cables", "number_of_orders": 56}, {"date": "2023-01-07T00:00:00", "product_category": "usb-cables", "number_of_orders": 34}, {"date": "2023-01-08T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-01-09T00:00:00", "product_category": "usb-cables", "number_of_orders": 67}, {"date": "2023-01-10T00:00:00", "product_category": "usb-cables", "number_of_orders": 56}, {"date": "2023-01-11T00:00:00", "product_category": "usb-cables", "number_of_orders": 45}, {"date": "2023-01-12T00:00:00", "product_category": "usb-cables", "number_of_orders": 34}, {"date": "2023-01-13T00:00:00", "product_category": "usb-cables", "number_of_orders": 78}, {"date": "2023-01-14T00:00:00", "product_category": "usb-cables", "number_of_orders": 65}, {"date": "2023-01-15T00:00:00", "product_category": "usb-cables", "number_of_orders": 35}, {"date": "2023-01-16T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-01-17T00:00:00", "product_category": "usb-cables", "number_of_orders": 12}, {"date": "2023-01-18T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-01-19T00:00:00", "product_category": "usb-cables", "number_of_orders": 45}, {"date": "2023-01-20T00:00:00", "product_category": "usb-cables", "number_of_orders": 67}, {"date": "2023-01-21T00:00:00", "product_category": "usb-cables", "number_of_orders": 78}, {"date": "2023-01-22T00:00:00", "product_category": "usb-cables", "number_of_orders": 7}, {"date": "2023-01-23T00:00:00", "product_category": "usb-cables", "number_of_orders": 7}, {"date": "2023-01-24T00:00:00", "product_category": "usb-cables", "number_of_orders": 8}, {"date": "2023-01-25T00:00:00", "product_category": "usb-cables", "number_of_orders": 8}, {"date": "2023-01-26T00:00:00", "product_category": "usb-cables", "number_of_orders": 15}, {"date": "2023-01-27T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-01-28T00:00:00", "product_category": "usb-cables", "number_of_orders": 45}, {"date": "2023-01-29T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-01-30T00:00:00", "product_category": "usb-cables", "number_of_orders": 34}, {"date": "2023-01-31T00:00:00", "product_category": "usb-cables", "number_of_orders": 23}, {"date": "2023-01-01T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 32}, {"date": "2023-01-02T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 45}, {"date": "2023-01-03T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 12}, {"date": "2023-01-04T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 34}, {"date": "2023-01-05T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 56}, {"date": "2023-01-06T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 76}, {"date": "2023-01-07T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 45}, {"date": "2023-01-08T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 34}, {"date": "2023-01-09T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 23}, {"date": "2023-01-10T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 45}, {"date": "2023-01-11T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 6}, {"date": "2023-01-12T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 78}, {"date": "2023-01-13T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 65}, {"date": "2023-01-14T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 45}, {"date": "2023-01-15T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 34}, {"date": "2023-01-16T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 23}, {"date": "2023-01-17T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 45}, {"date": "2023-01-18T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 45}, {"date": "2023-01-19T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 67}, {"date": "2023-01-20T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 89}, {"date": "2023-01-21T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 76}, {"date": "2023-01-22T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 54}, {"date": "2023-01-23T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 56}, {"date": "2023-01-24T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 45}, {"date": "2023-01-25T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 32}, {"date": "2023-01-26T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 23}, {"date": "2023-01-27T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 12}, {"date": "2023-01-28T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 21}, {"date": "2023-01-29T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 34}, {"date": "2023-01-30T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 34}, {"date": "2023-01-31T00:00:00", "product_category": "Smartphone-covers", "number_of_orders": 5}]}};
      var embedOpt = {"mode": "vega-lite"};

      function showError(el, error){
          el.innerHTML = ('<div style="color:red;">'
                          + '<p>JavaScript Error: ' + error.message + '</p>'
                          + "<p>This usually means there's a typo in your chart specification. "
                          + "See the javascript console for the full traceback.</p>"
                          + '</div>');
          throw error;
      }
      const el = document.getElementById('vis');
      vegaEmbed("#vis", spec, embedOpt)
        .catch(error => showError(el, error));
    })(vegaEmbed);

  </script>
</body>
</html>